<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>React App</title>
    <link rel="stylesheet" href="./style/index.css">
    <script src="lib/vue.js"></script>
</head>
<body>
<div id="root">
    <div class="todo-container">
        <div class="todo-wrap">
            <todo-header></todo-header>
            <todo-main></todo-main>
            <todo-footer></todo-footer>
        </div>
    </div>
</div>

</body>
<script type="module">
    import TodoMain from "./todoComponents/TodoMain.js";
    import TodoFooter from "./todoComponents/todoFooter.js";
    import TodoHeader from "./todoComponents/todoHeader.js";
	Vue.prototype.$bus = new Vue();
	new Vue({
        el:"#root",
        components:{
			TodoFooter,
            TodoHeader,
            TodoMain
        }
    })
</script>
</html>
